<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icon1/iconfont.css">
    <link rel="stylesheet" href="./icon2/iconfont.css">
    <link rel="stylesheet" href="./icon3/iconfont.css">
</head>

<body>
    <header class="head">
        <nav>
            <a href="http://localhost/wjj/index.html">
                <img src="https://www.kuangstudy.com/assert/images/index_topleft_logo_black.png" alt="">
            </a>
            <div class="headCenter">
                <a href="http://127.0.0.1:5500/joint-project/project/class/html/sub.html">课程</a>
                <span class="sp1">热门</span>
                <a href="http://127.0.0.1:5500/joint-project/project/jianghu/html/lakes.html">江湖</a>
                <a href="http://127.0.0.1:5500/joint-project/project/zhuanlan/index.html">专栏</a>
                <a href="http://127.0.0.1:5500/joint-project/project/xinjianming/index.html">下载</a>
                <a href="http://127.0.0.1:5500/joint-project/project/NavLast/NavLast.html">导航</a>
            </div>
            <div class="right">
                <a href="javascript:;">
                    <i class="iconfont icon-denglu"></i>
                    登录
                </a>
         </div>
        </nav>
        <div class="denglu">
            <h2>账号登录</h2>
            <span class="exit">×</span>
                <input type="text" placeholder="请输入手机号 或 用户数字编号 登录">
                <input type="password" placeholder="请输入6-18位密码">
                <input type="button" value="登录">
                <p class="p1"><a href="javascript:;">微信扫描注册/登录</a></p>
                <p class="p2">
                    登录即代表你同意
                    <a href="javascript:;">用户协议</a>
                    和
                    <a href="javascript:;">隐私政策</a>
                </p>
         </div>
    </header>
    <div class="main">
        <div class="maincon same">
            <div class="title">
                <h2>KuangStudy，以学为伴，一生相伴！</h2>
                <p>拥有希望的人，和漫天的星星一样，是永远不会孤独的</p>
            </div>
            <!-- <input type="button">
            <input type="button">
            <input type="button">
            <input type="button">
            <input type="button">
            <input type="button"> -->
            <ul>
                <li class="add">
                    <a href="javascript:;">
                        <i class="iconfont icon-jiahao1"></i>
                        添加
                    </a>
                </li>
                <li class="me">
                    <a href="javascript:;">
                        <i class="iconfont icon-lianxiren"></i>
                        我的
                    </a>
                </li>
                <li class="all on">
                    <a href="javascript:;">
                        全部
                    </a>
                </li>
                <li class="note">
                    <a href="javascript:;">
                        笔记
                    </a>
                </li>
                <li class="money">
                    <a href="javascript:;">
                        理财
                    </a>
                </li>
                <li class="kepu">
                    <a href="javascript:;">
                        科普
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="body tianjia">
        <div class="bodycon same">
            <div class="biglist list2">
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/16/kuangstudy0ff38edc-4f3e-477a-9655-314a8f28d55b.jpg"
                            alt="">
                        <div class="p">
                            <h3>平台帮助中心</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <div class="slist">
                    <div class="zlname">
                        <p>专栏名称：</p>
                        <input type="text" placeholder="请输入专栏" class="srzl">
                    </div>
                    <div class="kejian">
                        <p>是否可见：</p>
                        <input type="radio" name="value" class="on" value="所有人可见">所有人可见
                        <input type="radio" name="value" value="仅自己可见" checked>仅自己可见
                    </div>
                    <div class="anniu">
                        <button class="close"><i class="iconfont icon-fork"></i>关闭</button>
                        <button class="pro"><i class="iconfont icon-jiahao"></i>创建专栏</button>
                    </div>
                </div>
            </div>
            <div class="mask">
                <div class="box">成功</div>
            </div>
        </div>
    </div>
    <div class="body wode">
        <div class="bodycon same">
            <div class="biglist">
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/16/kuangstudy0ff38edc-4f3e-477a-9655-314a8f28d55b.jpg"
                            alt="">
                        <p class="shuru"></p>
                        <div class="p liulan">
                            <h3>浏览数：0 / 2022-07-26</h3>
                            <span class="quanxian">仅自己可见</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="body quanbu on">
        <div class="bodycon same">
            <div class="biglist">
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/16/kuangstudy0ff38edc-4f3e-477a-9655-314a8f28d55b.jpg"
                            alt="">
                        <div class="p">
                            <h3>平台帮助中心</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy81a070b2-d92c-48c4-aebd-5933137bf3a7.jpg"
                            alt="">
                        <div class="p">
                            <h3>狂神说SSM系列笔记</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy4d1c9284-e9c7-456b-b63b-b4aa76b04c06.jpg"
                            alt="">
                        <div class="p">
                            <h3>大前端进阶专栏</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy1b70a3ac-1d8f-4e64-b065-8d5e2dde241a.jpg"
                            alt="">
                        <div class="p">
                            <h3>飞哥讲RabbitMQ</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudye68132b2-69f8-4319-8551-cae2aa0986fa.jpg"
                            alt="">
                        <div class="p">
                            <h3>飞哥讲ShardingJDBC</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/03/kuangstudyaef93204-e2a6-41da-bf60-6a88e59da2b3.jpg"
                            alt="">
                        <div class="p">
                            <h3>SpringBoot由浅入深</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/03/kuangstudy492c9859-c464-49e7-a9ec-e5dcf28f5a64.jpg"
                            alt="">
                        <div class="p">
                            <h3>Redis企业实战专栏</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/04/kuangstudycbefa6bb-5b11-4fcf-b493-833c311ceabd.jpg"
                            alt="">
                        <div class="p">
                            <h3>共产党宣言</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
                <!-- <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/09/03/kuangstudy42dd496c-c157-4a4e-80d0-befe8c36f74f.jpg"
                            alt="">
                        <div class="p">
                            <h3>股票入门知识</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div> -->
            </div>
        </div>
    </div>
    <div class="body biji">
        <div class="bodycon same">
            <div class="biglist">
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/16/kuangstudy0ff38edc-4f3e-477a-9655-314a8f28d55b.jpg"
                            alt="">
                        <div class="p">
                            <h3>平台帮助中心</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy81a070b2-d92c-48c4-aebd-5933137bf3a7.jpg"
                            alt="">
                        <div class="p">
                            <h3>狂神说SSM系列笔记</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy4d1c9284-e9c7-456b-b63b-b4aa76b04c06.jpg"
                            alt="">
                        <div class="p">
                            <h3>大前端进阶专栏</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudy1b70a3ac-1d8f-4e64-b065-8d5e2dde241a.jpg"
                            alt="">
                        <div class="p">
                            <h3>飞哥讲RabbitMQ</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudye68132b2-69f8-4319-8551-cae2aa0986fa.jpg"
                            alt="">
                        <div class="p">
                            <h3>飞哥讲ShardingJDBC</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/03/kuangstudyaef93204-e2a6-41da-bf60-6a88e59da2b3.jpg"
                            alt="">
                        <div class="p">
                            <h3>SpringBoot由浅入深</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="body licai">
        <div class="bodycon same">
            <div class="biglist">
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/16/kuangstudy0ff38edc-4f3e-477a-9655-314a8f28d55b.jpg"
                            alt="">
                        <div class="p">
                            <h3>平台帮助中心</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="body kepu2">
        <div class="bodycon same">
            <div class="biglist">
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/29/kuangstudye68132b2-69f8-4319-8551-cae2aa0986fa.jpg"
                            alt="">
                        <div class="p">
                            <h3>飞哥讲ShardingJDBC</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
                <div class="list">
                    <a href="">
                        <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/08/03/kuangstudyaef93204-e2a6-41da-bf60-6a88e59da2b3.jpg"
                            alt="">
                        <div class="p">
                            <h3>SpringBoot由浅入深</h3>
                            <span>所有人可见</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="footcon same">
            <div class="foottop">
                <div class="topl">
                    <ul>
                        <li>
                            <a href="javascript:;">关于我们</a>
                            <ul class="menu">
                                <li>
                                    <a href="javascript:;">企业介绍</a>
                                </li>
                                <li>
                                    <a href="javascript:;">加入我们</a>
                                </li>
                                <li>
                                    <a href="javascript:;">联系我们</a>
                                </li>
                                <li>
                                    <a href="javascript:;">帮助中心</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">平台服务</a>
                            <ul class="menu">
                                <li>
                                    <a href="javascript:;">江湖</a>
                                </li>
                                <li>
                                    <a href="javascript:;">专栏</a>
                                </li>
                                <li>
                                    <a href="javascript:;">课程</a>
                                </li>
                                <li>
                                    <a href="javascript:;">导航</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">技术支持</a>
                            <ul class="menu">
                                <li>
                                    <a href="javascript:;">广东学相伴网络科技有限公司</a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="img">
                                        <img src="https://www.kuangstudy.com/assert/img/wafcloud-124x47.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="topr">
                    <ul>
                        <img src="https://www.kuangstudy.com/assert/img/wx.jpg" alt="" class="weixin">
                        <li class="gzh">
                            <img src="https://www.kuangstudy.com/assert/img/weixin.jpg" alt="">
                            <span>公众号</span>
                        </li>
                        <img src="https://www.kuangstudy.com/assert/img/dy.png" alt="" class="douyin">
                        <li class="dy">
                            <img src="https://www.kuangstudy.com/assert/img/douyin.png" alt="">
                            <span>官方抖音</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footbottom">
                <p>Copyright &copy; 广东学相伴网络科技有限公司粤ICP备 - 2020109190号</p>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="top">
            <i class="iconfont icon-a-ziyuan132"></i>
            <span>TOP</span>
        </div>
    </div>
    <script src="./js/utils.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/head.js"></script>
</body>

</html>
